<div class="slider-banner-container">
   <div class="container">
      <div class="row">
         <div class="col-xs-12 col-sm-8">
            <div class="padding-s">
               <div class="slider-container">
                  <div class="slider_block">
                     <div class="fluid_container">
                        <div class="camera_wrap camera_orange_skin" id="camera_wrap">
                           <div data-src="images/camera/slides/slide1.jpg" data-link="calendars-planners.html">
                              <div class="camera_caption fadeIn">
                                 <div class="lof_camera_title">Sale</div>
                                 <div class="lof_camera_desc">EXTRA LINES JUST ADDED <strong>UP TO 50% OFF</strong></div>
                              </div>
                           </div>
                           <div data-src="images/camera/slides/slide2.jpg" data-link="dvd-covers.html">
                              <div class="camera_caption fadeIn">
                                 <div class="lof_camera_title">Sale</div>
                                 <div class="lof_camera_desc">Underline your individuality <strong>UP TO 40% OFF</strong></div>
                              </div>
                           </div>
                           <div data-src="images/camera/slides/slide3.jpg" data-link="notepads.html">
                              <div class="camera_caption fadeIn">
                                 <div class="lof_camera_title">Sale</div>
                                 <div class="lof_camera_desc">We work to make a reality of your desire<strong>UP TO 30% OFF</strong></div>
                              </div>
                           </div>
                        </div>
                        <div class="clear"></div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-xs-12 col-sm-4">
            <div class="padding-s">
               <div class="banners">
                  <div class="banner right-text">
                     <a href="posters.html/">
                        <img alt="" src="images/media/banner1.jpg"/>
                        <div class="inner">
                           <div class="banner_title">Package printing</div>
                           <div class="banner_desc">Lorem ipsum dolor sit amet consectetur<span>&raquo;</span></div>
                        </div>
                     </a>
                  </div>
                  <div class="banner left-text">
                     <a href="presentation-folders.html/">
                        <img alt="" src="images/media/banner2.jpg"/>
                        <div class="inner">
                           <div class="banner_title">Folder printing</div>
                           <div class="banner_desc">Lorem ipsum dolor sit amet consectetur<span>&raquo;</span></div>
                        </div>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div> <!-- End slide -->
<script>
   $(document).ready(function(){
      $('#camera_wrap').camera({
        alignmen: 'topCenter',
        height: '52.604%',
        minHeight: '34px',
        loader : true,
        loaderColor: '#f48b47',
        loaderPadding: '0',
        loaderStroke: '2',
        navigation: false,
        pagination: true,
        fx: 'simpleFade',
        navigationHover:false,
        thumbnails: false,
        playPause: false 
      });

   })
</script>
<div class="banner-block">
   <div class="container">
      <div class="row">
         <div class="col-xs-12 col-sm-4">
            <div class="banner banner1">
               <a href="stickers-badges.html/">
                  <div class="inner">
                     <div class="number">01.</div>
                     <div class="banner_title">Full Color</div>
                     <div class="banner_desc">Lorem ipsum dolor sit amet consec!</div>
                  </div>
               </a>
            </div>
         </div>
         <div class="col-xs-12 col-sm-4">
            <div class="banner banner2">
               <a href="promotional-products/bags.html/">
                  <div class="inner">
                     <div class="number">02.</div>
                     <div class="banner_title">Instant</div>
                     <div class="banner_desc">Lorem ipsum dolor sit amet consec!</div>
                  </div>
               </a>
            </div>
         </div>
         <div class="col-xs-12 col-sm-4">
            <div class="banner banner3">
               <a href="promotional-products/mugs.html/">
                  <div class="inner">
                     <div class="number">03.</div>
                     <div class="banner_title">Executive</div>
                     <div class="banner_desc">Lorem ipsum dolor sit amet consec!</div>
                  </div>
               </a>
            </div>
         </div>
      </div>
   </div>
</div> <!-- End banner -->
<div class="main-container col2-left-layout">
   <div class="container">
      <div class="row">
         <div class="col-xs-12">
            <div class="main">
               <div class="row">
                  <div class="col-main col-xs-12 col-sm-9">
                     <?php $block_product = array('Sản phẩm mới','Thời trang nữ','Thời trang nam','Mỹ phẩm - làm đẹp')?>
                     <?php foreach($block_product as $title){?>
                        <div class="padding-s">
                           <div class="std">
                              <div class="clear"></div>
                           </div>
                           <div class="page-title category-title">
                              <h1><?php echo $title?></h1>
                           </div>
                           
                           <ul class="products-grid row">
                              <?php $arr = array(
                                 array('title' => 'DURHAM MUG','img' => 'durham_mug_3.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'ET PAPER SHOPPING BAG','img' => 'et_paper_shopping_bag_2.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'TURNED EDGE RING BINDER','img' => 'turned_edge_flex_hinge_ring_binder_1.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'VINYL PORTFOLIO WITH CD POCKET','img' => 'vinyl_portfolio_with_cd_pocket_1.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'US NAVY PROMOTIONAL MUGS','img' => 'us_navy_printed_promotional_mugs_3.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'HERCULES SHOPPING BAG','img' => 'hercules_shopping_bag_1.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'APEX PAPER SHOPPING BAG','img' => 'apex_paper_shopping_bag_3.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'MULTIMEDIA PRESENTATION FOLDER','img' => 'multimedia_presentation_folder_3.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'US NAVY PROMOTIONAL MUGS','img' => 'us_navy_printed_promotional_mugs_3.png','sapo' => 'Our store is offering a great numbe...'),
                                 array('title' => 'TURNED EDGE RING BINDER','img' => 'turned_edge_flex_hinge_ring_binder_1.png','sapo' => 'Our store is offering a great numbe...'),
                              );?>
                              <?php foreach($arr as $value){?>
                                 <li class="item">
                                    <div class="product-container">
                                       <a href="#" title="<?php echo $value['title']?>" class="product-image" ><img data-src="images/product/<?php echo $value['img']?>"  class="lazy-load" alt="US NAVY Promotional Mugs" src="images/image_placeholder.jpg" /></a>
                                       <div class="product-shop">
                                          <h3 class="product-name"><a href="#" title="<?php echo $value['title']?>"><?php echo $value['title']?></a></h3>
                                          <div class="price-box">
                                             <span class="regular-price" id="product-price-48-new">
                                             <span class="price">$9.54</span>                                    </span>
                                          </div>
                                       </div>
                                       <div class="label-product">             
                                       </div>
                                       <div class="clear"></div>
                                    </div>
                                 </li>
                              <?php }?>
                              <script>
                                 $(function() {
                                     $("img.lazy-load").lazy({
                                          effect: "fadeIn",
                                          effectTime: 1500
                                     });
                                 });
                              </script>
                              
                           </ul>
                           <div id="map-popup" class="map-popup" style="display:none;">
                              <a href="#" class="map-popup-close" id="map-popup-close">x</a>
                              <div class="map-popup-arrow"></div>
                              <div class="map-popup-heading">
                                 <h2 id="map-popup-heading"></h2>
                              </div>
                              <div class="map-popup-content" id="map-popup-content">
                                 <div class="map-popup-msrp" id="map-popup-msrp-box"><strong>Price:</strong> <span style="text-decoration:line-through;" id="map-popup-msrp"></span></div>
                                 <div class="map-popup-price" id="map-popup-price-box"><strong>Actual Price:</strong> <span id="map-popup-price"></span></div>
                                 <div class="map-popup-checkout">
                                    <form action="" method="POST" id="product_addtocart_form_from_popup">
                                       <input type="hidden" name="product" class="product_id" value="" id="map-popup-product-id" />
                                       <div class="additional-addtocart-box">
                                       </div>
                                       <button type="button" title="Add to Cart" class="button btn-cart" id="map-popup-button"><span><span>Add to Cart</span></span></button>
                                    </form>
                                 </div>
                              </div>
                              <div class="map-popup-text" id="map-popup-text">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
                              <div class="map-popup-text" id="map-popup-text-what-this">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
                           </div>
                        </div>
                     <?php }?>
                  </div><!-- End col-main -->
                  <div class="col-left sidebar col-xs-12 col-sm-3">
                     <div class="block block-cate first">
                        <div class="block-title">
                           <strong>
                              <i class="fa fa-tasks"></i>
                              <span>Chuyên mục</span>
                           </strong>
                        </div>
                        <div class="block-content">
                           <ul class="list-categories">
                              <?php $categories = array(
                                 'Thời trang, phụ kiện',
                                 'Điện tử, điện máy',
                                 'Đồ dùng sinh hoạt',
                                 'Dịch vụ, giải trí',
                                 'Nội thất, ngoại thất',
                                 'Sức khỏe, sắc đẹp',
                                 'Thực phẩm, đồ uống',
                                 'Hoa, quà tặng',
                              );?>
                              <?php foreach($categories as $value){?>
                              <li class="cate-item">
                                 <i class="fa fa-minus-square-o"></i>
                                 <a href="#"><?php echo $value?></a>
                              </li>
                              <?php }?>
                           </ul>
                        </div>
                     </div> <!-- End block-cate -->
                     <div class="block block-distance">
                        <div class="block-title">
                           <strong>
                              <i class="fa fa-map-marker"></i>
                              <span>Bán kính</span>
                           </strong>
                        </div>
                        <div class="block-content">
                           <ul class="list-distance">
                              <?php $distances = array(
                                 '0 - 1km',
                                 '1 - 2km',
                                 '2 - 5km',
                                 '5 - 10km',
                                 'Trên 10km',
                              );?>
                              <?php foreach($distances as $distance){?>
                              <li>
                                 <i class="fa fa-hand-o-right"></i>
                                 <a href="#"><?php echo $distance?></a>
                              </li>
                              <?php }?>
                           </ul>
                        </div>
                     </div> <!-- End block-distance -->
                     
                     <div class="block block-filter-price">
                        <div class="block-title">
                           <strong>
                              <i class="fa fa-money"></i>
                              <span>Khoảng giá</span>
                           </strong>
                        </div>
                        
                        <div class="content">
                           <form action="" method="GET">
                              <input id="from_price" type="text" placeholder="Từ" name="from_price" class="input-text format-currency" />
                              <input id="to_price" type="text" placeholder="Đến" name="to_price" class="input-text format-currency" />
                              <button type="submit" title="Search" class="button"><span><span>Tìm</span></span></button>
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div><!-- End main -->
         </div>
      </div>
   </div>
</div>